<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a4j="http://richfaces.org/a4j"
	template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich">

	<ui:define name="body">

		<rich:modalPanel id="panel3" width="350" height="100">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Guardar cambios en el diccionario"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/modal/close.png"
						style="cursor:pointer" id="hidelink3" />
					<rich:componentControl for="panel3" attachTo="hidelink3"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:panelGrid columns="1">
				<h:outputText
					value="Si continua se guardarán todos los cambios"></h:outputText>
				<br />
			</h:panelGrid>
			<h:panelGrid columns="3">
				<h:outputLink value="#" id="acep3">
					<h:commandButton value="Aceptar"
						action="#{mantCanarios.guardar}"
						reRender="tablaDiccionario"></h:commandButton>
					<rich:componentControl for="panel3" attachTo="acep3" operation="hide"
						event="onclick" />
				</h:outputLink>
				<rich:spacer style="Width:100px;">
				</rich:spacer>
				<h:outputLink value="#" id="cancel3">
					<h:commandButton value="Cancelar"></h:commandButton>
					<rich:componentControl for="panel3" attachTo="cancel3"
						operation="hide" event="onclick" />
				</h:outputLink>
			</h:panelGrid>
		</rich:modalPanel>
		<h:panelGrid columns="1" id="mensaje">
			<h:messages id="mensajes" />
		</h:panelGrid>
		<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="1" id="panelTipo">
				<h:panelGrid columns="1" style="text-align:center"
					rendered="#{listaCanarios!=null and listaCanarios.rowCount>0}">
					<rich:dataTable id="tablaDiccionario" value="#{listaCanarios}"
						var="dic"
						onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#C1E6EE';"
						onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
						rowClasses="fila_impar,fila_par" cellpadding="0" cellspacing="0"
						width="500px" rows="10">
						<f:facet name="header">
							<rich:columnGroup style="font-weight: bold;width:100%;">

								<rich:column style="text-align:left;">
									<h:outputText value="Registro" />
								</rich:column>
								<rich:column style="text-align:left;">
									<h:outputText value="Descripcion" />
								</rich:column>
								<rich:column style="text-align:left;">
									<h:outputText value="Editar" rendered="#{!mantCanarios.consulta}"/>
									<h:outputText value="Consultar" rendered="#{mantCanarios.consulta}"/>
								</rich:column>
								<rich:column style="text-align:left;" rendered="#{!mantCanarios.consulta}">
									<h:outputText value="Eliminar" />
								</rich:column>

							</rich:columnGroup>
						</f:facet>
						<!-- fila 1 -->
						<rich:columnGroup style="font-weight: bold;">
							<rich:column style="text-align:left;">
								<h:outputText id="reg" value="#{dic.nombre}" maxlength="49"
									styleClass="td500"></h:outputText>
							</rich:column>
							<rich:column style="text-align:left;">
								<h:outputText value="#{dic.descripcion}" maxlength="49"
									styleClass="td500"></h:outputText>
							</rich:column>

							<rich:column style="text-align:left;">
									<a4j:commandButton value="" action="#{mantCanarios.editar}"
									id="modificar1" styleClass="boton editar"
									title="Ver" reRender="panelTipo,edicion" rendered="#{!mantCanarios.consulta}"/>

							</rich:column>

							<rich:column style="text-align:left;" >
								<a4j:commandButton value=""
									action="#{mantCanarios.eliminar}" id="link" styleClass ="boton eliminar"
									title="Eliminar registro"  reRender="panelTipo,edicion" rendered="#{!mantCanarios.consulta}">

								</a4j:commandButton>
							</rich:column>

						</rich:columnGroup>
					</rich:dataTable>
					<rich:datascroller for="tablaDiccionario"
						renderIfSinglePage="false" />

				</h:panelGrid>
				<h:panelGrid columns="2" id="edicion">
					<h:panelGrid columns="1" style="float:left;" >
						<h:panelGrid columns="1" rendered="#{!mantCanarios.seleccionado}">
							<h:outputText value="Añadir un nuevo tipo" rendered="#{!mantCanarios.consulta}"/>
						</h:panelGrid>
						<h:panelGrid columns="1" rendered="#{mantCanarios.seleccionado}">
							<h:outputText value="Editar" rendered="#{!mantCanarios.consulta}"/>
							<h:outputText value="Datos" rendered="#{mantCanarios.consulta}"/>
						</h:panelGrid>
						<h:panelGrid columns="4">
							<h:outputText value="Nombre" />
							<h:inputText value="#{mantCanarios.canario.nombre}" disabled="#{mantCanarios.consulta}"/>
							<h:outputText value="Descripcion" />
							<h:inputTextarea value="#{mantCanarios.canario.descripcion}" disabled="#{mantCanarios.consulta}"/>
						</h:panelGrid>

						<a4j:commandButton styleClass="boton_peq mas" value="Añadir"
							action="#{mantCanarios.anadir}" reRender="panelTipo,edicion" rendered="#{!mantCanarios.consulta}"/>
						<a4j:commandButton value="Cancelar"
							action="#{mantCanarios.cancelar}" reRender="panelTipo,edicion" rendered="#{!mantCanarios.consulta}"/>
											</h:panelGrid>
					<h:panelGrid columns="1">
						<s:graphicImage value="#{mantCanarios.canario.foto}"
							rendered="#{mantCanarios.canario.foto!=null}">
						</s:graphicImage>
						<s:graphicImage value="#{mantCanarios.fotoNoDis}"
							rendered="#{mantCanarios.canario.foto==null}">
						</s:graphicImage>
						<h:panelGrid columns="2" rendered="#{!mantCanarios.consulta}">
							<s:fileUpload data="#{mantCanarios.foto}" fileName="#{mantCanarios.nombre}" contentType="#{mantCanarios.mimeType}" />
							<h:commandButton styleClass="boton_peq mas" value="Adjuntar" action="#{mantCanarios.subirFoto}"></h:commandButton>
						</h:panelGrid>
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGrid>
	</ui:define>

	<ui:define name="botonera">
	<h:panelGrid columns="7" id="botones" styleClass="botones">
			<h:panelGrid columns="1">
		<a4j:commandButton value="" action="#{mantCanarios.vacio}" styleClass="boton guardar" reRender="panelPremio,edicion" id="link2">
		<rich:componentControl for="panel3" attachTo="link2"
										operation="show" event="onclick" />
		</a4j:commandButton>
			<h:outputText value="Guardar" styleClass="boton_texto" />
			</h:panelGrid>
		</h:panelGrid>

	</ui:define>

</ui:composition>